<script setup lang="ts">

import {inject} from "vue";

const colGap = inject('colGap')
const rowGap = inject('rowGap')
const record = inject('record')
</script>
<script lang="ts">
export default { name: 'chargeInfo' }
</script>
<template>
  <a-grid-item :span="24">
  <a-grid :cols="{ xs: 1, sm: 2, md: 3, lg: 6}" :colGap="colGap" :rowGap="rowGap">
    <a-grid-item ><a-card><a-card-meta :title="record.volume_weight.charge_weight?? '--'" description="收费重" class="text-center"></a-card-meta></a-card></a-grid-item>
    <a-grid-item ><a-card><a-card-meta :title="record.volume_weight.actual_weight?? '--'" description="实重" class="text-center"></a-card-meta></a-card></a-grid-item>
    <a-grid-item ><a-card><a-card-meta :title="record.volume_weight.actual_volume_weight?? '--'" description="材积重" class="text-center"></a-card-meta></a-card></a-grid-item>
    <a-grid-item ><a-card><a-card-meta :title="record.volume_weight.volume_weight_radix || '--'" description="计泡系数" class="text-center"></a-card-meta></a-card></a-grid-item>
    <a-grid-item ><a-card><a-card-meta :title="record.volume_weight.actual_volume?? '--'" description="体积" class="text-center"></a-card-meta></a-card></a-grid-item>
    <a-grid-item ><a-card><a-card-meta :title="record.volume_weight.parcel_total.toString()" description="箱数" class="text-center"></a-card-meta></a-card></a-grid-item>
  </a-grid>
  </a-grid-item>
</template>

<style scoped>

</style>